<template>
  <div class="app-content">
    <div>
      <el-tabs v-model="tabName" class="dk-tabs-spacing">
        <el-tab-pane v-for="(item, key) in tabs" :key="key" :label="item.label" :name="item.name">
          <component :is="item.name" v-if="item.name === tabName" :key="key" />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import WechatOrder from './components/wechat-pay-tables/wechat-order.vue'
import WechatShare from './components/wechat-pay-tables/wechat-share.vue'
import WechatRefund from './components/wechat-pay-tables/wechat-refund.vue'
import WechatTransfer from './components/wechat-pay-tables/wechat-transfer.vue'
export default {
  components: {
    WechatOrder,
    WechatShare,
    WechatTransfer,
    WechatRefund
  },
  data() {
    return {
      tabName: 'WechatOrder',
      tabs: [
        { label: '用户订单', name: 'WechatOrder' },
        { label: '用户分账', name: 'WechatShare' },
        { label: '企业付款到零钱', name: 'WechatTransfer' },
        { label: '用户退款', name: 'WechatRefund' }
      ]
    }
  },
  mounted() {},
  methods: {}
}
</script>
<style lang="scss" scoped></style>
